<!DOCTYPE html>
<style>
.scroller {
  overflow: scroll;
  width: 400px;
  height: 400px;
  will-change: transform;
}
.spacer {
  height: 2000px;
}
.prepadding {
  height: 100px;
  width: 100%;
}
.indicator {
  position: relative;
  width: 100%;
  height: 100px;
  background: green;
  top: 50px;
}
</style>

<div id='scroller' class='scroller'>
  <div class='prepadding'></div>
  <div class='indicator'></div>
  <div class='spacer'></div>
</div>

<script>
if (window.testRunner)
  testRunner.waitUntilDone();

function finishTest() {
  scroller.scrollTop = 150;
  if (window.testRunner)
    testRunner.notifyDone();
}

window.addEventListener('load', function() {
  requestAnimationFrame(function() {
    requestAnimationFrame(finishTest);
  });
});
</script>
